﻿<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <title></title>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <link href="../../resources/lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />

    <script src="../../resources/lib/jquery/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="../../resources/lib/jquery/jquery.form.min.js" type="text/javascript"></script>
    <script src="../../resources/lib/ligerUI/js/ligerui.all.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function(){
            g =  manager = $("#maingrid").ligerGrid({
                columns: [
                    { display: '名称', name: 'name', editor: { type: 'text' }
                    },
                    { display: '性别', width: 50, name: 'Sex',type:'int',
                        editor: { type: 'select', data: sexData, valueColumnName: 'Sex' },
                        render: function (item)
                        {
                            if (parseInt(item.Sex) == 1) return '男';
                            return '女';
                        }
                    },
                    { display: '年龄', name: 'Age', width: 50, type: 'int', editor: { type: 'int'} },
                    { display: '部门', name: 'DepartmentID', width: 120, isSort: false,
                        editor: { type: 'select', data: DepartmentList, valueColumnName: 'DepartmentID', displayColumnName: 'DepartmentName' }, render: function (item)
                    {
                        for (var i = 0; i < DepartmentList.length; i++)
                        {
                            if (DepartmentList[i]['DepartmentID'] == item.DepartmentID)
                                return DepartmentList[i]['DepartmentName']
                        }
                        return item.DepartmentName;
                    }
                    }
                ],
                onSelectRow: function (rowdata, rowindex)
                {
                    $("#txtrowindex").val(rowindex);
                },
                enabledEdit: true, clickToEdit: false, isScroll: false,
                data:EmployeeData,
                width: '100%'
            });
        });
    </script>
    <style type="text/css">
        .l-table-edit {}
        .l-table-edit-td{ padding:4px;}
        .l-button-submit,.l-button-reset{width:80px; float:left; margin-left:10px; padding-bottom:2px;}
        form fieldset {
            border: solid #CCCCCC 1px;
            padding: 10px;
        }
        form fieldset legend {
            padding: 0 2px;
        }
    </style>
</head>
<body style="width:100%; margin:0 auto;">
<div id="maingrid" style="margin-top:20px">

</div>
    <form class="l-hidden" name="doorForm2" method="post" action="" id="doorForm4">
        <table cellpadding="0" cellspacing="0" class="l-table-edit" >
            <tr>
                <td align="right" class="l-table-edit-td">常规报警:</td>
                <td align="right" class="l-table-edit-td">开启门组:</td>
                <td align="left" class="l-table-edit-td">
                    <select name="ddlDepart1" ltype="select">
                        <option value="1">门组1</option>
                        <option value="2">门组2</option>
                        <option value="3">门组3</option>
                        <option value="4">门组4</option>
                        <option value="5">门组5</option>
                    </select>
                </td>
                <td align="right" class="l-table-edit-td">关闭门组:</td>
                <td align="left" class="l-table-edit-td">
                    <select name="ddlDepart2" ltype="select">
                        <option value="1">门组1</option>
                        <option value="2">门组2</option>
                        <option value="3">门组3</option>
                        <option value="4">门组4</option>
                        <option value="5">门组5</option>
                    </select>
                </td>
            </tr>
        </table>
        <br />
        <input type="hidden" name="id" />
        <input type="hidden" name="pid" />
        <input type="submit" value="提交" class="l-button l-button-submit" />
        <input type="reset" value="重置" class="l-button l-button-reset"/>
        <br class="l-clear" />
    </form>
</body>
</html>
